#インターフェース: デフォルト

#階層

#プロパティ

#アニメーション

アニメーション:false|AnimationSpec<キーオフChartTypeRegistry> & {onComplete?:(this:Chart<キーオフChartTypeRegistry、(number| [numbernumber] |Point|BubbleDataPoint)[]、unknown>、event:AnimationEvent) =>void;onProgress?:(this:Chart<キーオフChartTypeRegistry、(number| [numbernumber] |Point|BubbleDataPoint)[]、unknown>、event:AnimationEvent) =>void}

#継承元

コアチャートオプションアニメーション

#で定義

タイプ/index.d.ts:1716 (新しいウィンドウが開きます)


#アニメーション

アニメーション:AnimationsSpec<キーオフChartTypeRegistry>

#継承元

コアチャートオプションアニメーション

#で定義

タイプ/index.d.ts:1726 (新しいウィンドウが開きます)


#アスペクト比

アスペクト比:number

キャンバスのアスペクト比 (つまり、幅 / 高さ、値 1 は正方形のキャンバスを表します)。高さが属性またはスタイルによって明示的に定義されている場合、このオプションは無視されることに注意してください。

Default

2

#継承元

コアチャートオプションアスペクト比

#で定義

タイプ/index.d.ts:1614 (新しいウィンドウが開きます)


#背景色

背景色:Scriptable<ColorScriptableContext<キーオフChartTypeRegistry>>

基本の背景色

See

デフォルト.背景色

#継承元

コアチャートオプション背景色

#で定義

タイプ/index.d.ts:1583 (新しいウィンドウが開きます)


#ボーダの色

ボーダの色:Scriptable<ColorScriptableContext<キーオフChartTypeRegistry>>

基本の枠線の色

See

デフォルト.borderColor

#継承元

コアチャートオプションボーダの色

#で定義

タイプ/index.d.ts:1588 (新しいウィンドウが開きます)


#クリップ

クリップ:number|false|ChartArea

chartArea を基準にしてクリップする方法。正の値はオーバーフローを許可し、負の値は chartArea 内の多くのピクセルをクリップします。 0 = chartArea でクリップします。クリッピングは側面ごとに構成することもできます。clip: {left: 5, top: false, right: -2, bottom: 0}

#継承元

コアチャートオプションクリップ

#で定義

タイプ/index.d.ts:1572 (新しいウィンドウが開きます)


#

:Scriptable<ColorScriptableContext<キーオフChartTypeRegistry>>

ベースカラー

See

デフォルトの色

#継承元

コアチャートオプション

#で定義

タイプ/index.d.ts:1578 (新しいウィンドウが開きます)


#データセット

データセット:Object

#型宣言

名前 タイプ
bar BarControllerDatasetOptions
bubble BubbleControllerDatasetOptions
doughnut DoughnutControllerDatasetOptions
line LineControllerDatasetOptions&FillerControllerDatasetOptions
pie DoughnutControllerDatasetOptions
polarArea PolarAreaControllerDatasetOptions
radar RadarControllerDatasetOptions&FillerControllerDatasetOptions
scatter LineControllerDatasetOptions

#継承元

コアチャートオプションデータセット

#で定義

タイプ/index.d.ts:1559 (新しいウィンドウが開きます)


#デバイスピクセル比

デバイスピクセル比:number

ウィンドウのデフォルトの devicePixelRatio をオーバーライドします。

Default

window.devicePixelRatio

#継承元

コアチャートオプションデバイスピクセル比

#で定義

タイプ/index.d.ts:1631 (新しいウィンドウが開きます)


#要素

要素:ElementOptionsByType<キーオフChartTypeRegistry>

#継承元

ElementChartOptions.elements

#で定義

タイプ/index.d.ts:2106 (新しいウィンドウが開きます)


#イベント

イベント: キーオフHTMLElementEventMap[]

events オプションは、チャートがツールチップとホバリングをリッスンするブラウザー イベントを定義します。

Default

['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove']

#継承元

コアチャートオプションイベント

#で定義

タイプ/index.d.ts:1641 (新しいウィンドウが開きます)


#フォント

フォント:Partial<FontSpec>

基本フォント

See

デフォルトのフォント

#継承元

コアチャートオプションフォント

#で定義

タイプ/index.d.ts:1593 (新しいウィンドウが開きます)


#ホバリング

ホバリング:CoreInteractionOptions

#継承元

コアチャートオプションホバリング

#で定義

タイプ/index.d.ts:1635 (新しいウィンドウが開きます)


#インデックス軸

インデックス軸:"x"|"y"

チャートの基本軸。垂直グラフの場合は「x」、水平グラフの場合は「y」です。

Default

'バツ'

#継承元

コアチャートオプションインデックス軸

#で定義

タイプ/index.d.ts:1567 (新しいウィンドウが開きます)


#交流

交流:CoreInteractionOptions

#継承元

コアチャートオプション交流

#で定義

タイプ/index.d.ts:1633 (新しいウィンドウが開きます)


#レイアウト

レイアウト:Partial<{autoPadding:boolean;padding:Scriptable<PaddingScriptableContext<キーオフChartTypeRegistry>> }>

#継承元

コアチャートオプションレイアウト

#で定義

タイプ/index.d.ts:1653 (新しいウィンドウが開きます)


#ロケール

ロケール:string

数値の書式設定に使用されるロケール (使用Intl.NumberFormat)。

Default

ユーザーのブラウザ設定

#継承元

コアチャートオプションロケール

#で定義

タイプ/index.d.ts:1620 (新しいウィンドウが開きます)


#アスペクト比を維持

アスペクト比を維持:boolean

サイズ変更時に元のキャンバスの縦横比 (幅 / 高さ) を維持します。

Default

真実

#継承元

コアチャートオプションアスペクト比を維持

#で定義

タイプ/index.d.ts:1603 (新しいウィンドウが開きます)


#正規化された

正規化された:boolean

Chart.js は、データセット間で一意で並べ替えられ、一貫性のあるインデックスをデータに提供し、それを Chart.js に知らせるための Normalized: true オプションを提供すると最速になります。

#継承元

コアチャートオプション正規化された

#で定義

タイプ/index.d.ts:63 (新しいウィンドウが開きます)


#解析する

解析する:false| {[key: string]:string; }

データセットを解析する方法。解析は、チャート オプションまたはデータセットで parsing: false を指定することで無効にできます。解析が無効になっている場合は、関連するグラフの種類とスケールが内部で使用する形式でデータを並べ替える必要があります。

#継承元

コアチャートオプション解析する

#で定義

タイプ/index.d.ts:54 (新しいウィンドウが開きます)


#プラグイン

プラグイン:PluginOptionsByType<キーオフChartTypeRegistry>

#継承元

プラグイングラフオプションプラグイン

#で定義

タイプ/index.d.ts:2915 (新しいウィンドウが開きます)


#サイズ変更遅延

サイズ変更遅延:number

サイズ変更の更新を指定したミリ秒単位で遅らせます。これにより、要素の更新がデバウンスされるため、サイズ変更プロセスが容易になります。

Default

0

#継承元

コアチャートオプションサイズ変更遅延

#で定義

タイプ/index.d.ts:1608 (新しいウィンドウが開きます)


#応答性の高い

応答性の高い:boolean

チャート キャンバスのコンテナーのサイズが変更されるときに、チャート キャンバスのサイズも変更されます (重要な注意...)。

Default

真実

#継承元

コアチャートオプション応答性の高い

#で定義

タイプ/index.d.ts:1598 (新しいウィンドウが開きます)


#規模

規模:ScaleOptionsByType<キーオフScaleTypeRegistry>

#で定義

タイプ/index.d.ts:668 (新しいウィンドウが開きます)


#天秤

天秤:Object

#型宣言

名前 タイプ
category {type:"category"} &Omit<CartesianScaleOptions"max"|"min"> & {labels:string[] |string[][] ;max:string|number;min:string|number}
linear {type:"linear"} &CartesianScaleOptions& {beginAtZero:boolean;grace?:string|number;suggestedMax?:number;suggestedMin?:number;ticks: {count:number;format:NumberFormatOptions;precision:number;stepSize:number} }
logarithmic {type:"logarithmic"} &CartesianScaleOptions& {suggestedMax?:number;suggestedMin?:number;ticks: {format:NumberFormatOptions} }
radialLinear {type:"radialLinear"} &CoreScaleOptions& {angleLines: {borderDash:godf5b23-bed9-41bd-8d16-956ef5e71698<number[]、ScriptableScaleContext> ;borderDashOffset:Scriptable<numberScriptableScaleContext> ;color:Scriptable<ColorScriptableScaleContext> ;display:boolean;lineWidth:Scriptable<numberScriptableScaleContext> } ;animate:boolean;backgroundColor:Color;beginAtZero:boolean;5476デカ-51d6-4590-b1f9-bb1a7841df34:Partial<GridLineOptions> ;max:number;min:number;pointLabels: {backdropColor:Scriptable<ColorScriptableScalePointLabelContext> ;backdropPadding:Scriptable<number|ChartAreaScriptableScalePointLabelContext> ;borderRadius:Scriptable<number|BorderRadiusScriptableScalePointLabelContext> ;callback:(label:stringindex:number) =>string|number|string[] |number[] ;centerPointLabels:boolean;color:Scriptable<ColorScriptableScalePointLabelContext> ;display:boolean|"auto";font:ScriptableAndScriptableOptions<Partial<FontSpec>、ScriptableScalePointLabelContext> ;padding:Scriptable<numberScriptableScalePointLabelContext> } ;startAngle:number;suggestedMax:number;suggestedMin:number;ticks:RadialTickOptions}
time {type:"time"} &Omit<CartesianScaleOptions"max"|"min"> & {adapters: {date:unknown} ;bounds:"data"|"ticks";max:string|number;min:string|number;offsetAfterAutoskip:boolean;suggestedMax:string|number;suggestedMin:string|number;ticks: {source:"data"|"auto"|"labels";stepSize:number} ;time: {displayFormats: {[key: string]:string; } ;isoWeekday:number|boolean;minUnit:TimeUnit;parser:string| (v:unknown) =>number;round:false|TimeUnit;tooltipFormat:string;unit:false|TimeUnit} }
timeseries {type:"timeseries"} &Omit<CartesianScaleOptions"max"|"min"> & {adapters: {date:unknown} ;bounds:"data"|"ticks";max:string|number;min:string|number;offsetAfterAutoskip:boolean;suggestedMax:string|number;suggestedMin:string|number;ticks: {source:"data"|"auto"|"labels";stepSize:number} ;time: {displayFormats: {[key: string]:string; } ;isoWeekday:number|boolean;minUnit:TimeUnit;parser:string| (v:unknown) =>number;round:false|TimeUnit;tooltipFormat:string;unit:false|TimeUnit} }

#で定義

タイプ/index.d.ts:669 (新しいウィンドウが開きます)


#トランジション

トランジション:TransitionsSpec<キーオフChartTypeRegistry>

#継承元

コアチャートオプショントランジション

#で定義

タイプ/index.d.ts:1727 (新しいウィンドウが開きます)

#メソッド

#説明

説明(scopevalues):AnyObject

#パラメーター

名前 タイプ
scope string
values AnyObject

#戻り値

AnyObject

#で定義

タイプ/index.d.ts:677 (新しいウィンドウが開きます)


#得る

得る(scope):AnyObject

#パラメーター

名前 タイプ
scope string

#戻り値

AnyObject

#で定義

タイプ/index.d.ts:675 (新しいウィンドウが開きます)


#オンクリック

オンクリック(eventelementschart):void

イベントのタイプが「mouseup」または「click」の場合に呼び出されます。イベント、アクティブな要素の配列、およびチャートを渡します。

#パラメーター

名前 タイプ
event ChartEvent
elements ActiveElement[]
chart Chart<キーオフChartTypeRegistry、(number| [numbernumber] |Point|BubbleDataPoint)[]、unknown>

#戻り値

void

#継承元

コアチャートオプションオンクリック

#で定義

タイプ/index.d.ts:1651 (新しいウィンドウが開きます)


#オンホバー

オンホバー(eventelementschart):void

いずれかのイベントが発生すると呼び出されます。イベント、アクティブな要素の配列 (棒、点など)、およびチャートを渡します。

#パラメーター

名前 タイプ
event ChartEvent
elements ActiveElement[]
chart Chart<キーオフChartTypeRegistry、(number| [numbernumber] |Point|BubbleDataPoint)[]、unknown>

#戻り値

void

#継承元

コアチャートオプションオンホバー

#で定義

タイプ/index.d.ts:1646 (新しいウィンドウが開きます)


#サイズ変更時

サイズ変更時(chartsize):void

サイズ変更が発生したときに呼び出されます。渡された 2 つの引数、チャート インスタンスと新しいサイズを取得します。

#パラメーター

名前 タイプ
chart Chart<キーオフChartTypeRegistry、(number| [numbernumber] |Point|BubbleDataPoint)[]、unknown>
size Object
size.height number
size.width number

#戻り値

void

#継承元

コアチャートオプションサイズ変更時

#で定義

タイプ/index.d.ts:1625 (新しいウィンドウが開きます)


#オーバーライド

オーバーライド(scopevalues):AnyObject

#パラメーター

名前 タイプ
scope string
values AnyObject

#戻り値

AnyObject

#で定義

タイプ/index.d.ts:678 (新しいウィンドウが開きます)


#ルート

ルート(scopenametargetScopetargetName):void

名前付きデフォルトを別のスコープ/名前にフォールバックするようにルーティングします。 このルーティングは、defaults.color などのターゲット値が実行時に変更される場合に役立ちます。 値がコピーされると、実行時の変更は有効になりません。ルーティングにより、 フォールバックはアクセスごとに評価されるため、常に最新の状態になります。

例:

defaults.route('elements.arc', 'backgroundColor', '', 'color')

  • ローカルで定義されていない場合は、defaults.color からbackgroundColorを読み取ります

#パラメーター

名前 タイプ 説明
scope string このルートが適用される範囲。
name string ここで定義されていない場合、別の名前空間にルーティングされるプロパティ名。
targetScope string これらのプロパティがルーティングされる名前空間。空の文字列 ('') はデフォルトのルートです。
targetName string プロパティがルーティングされるターゲット スコープ内のターゲット名。

#戻り値

void

#で定義

タイプ/index.d.ts:697 (新しいウィンドウが開きます)


#設定

設定(values):AnyObject

#パラメーター

名前 タイプ
values AnyObject

#戻り値

AnyObject

#で定義

タイプ/index.d.ts:673 (新しいウィンドウが開きます)

設定(scopevalues):AnyObject

#パラメーター

名前 タイプ
scope string
values AnyObject

#戻り値

AnyObject

#で定義

タイプ/index.d.ts:674 (新しいウィンドウが開きます)